import { UserOutlined } from "@ant-design/icons";
import { Avatar, Card, Col, Row } from "antd";

import React from "react";

const { Meta } = Card;

const Page22: React.FC = () => {
  return (
    <div style={{ padding: 24 }}>
      <h1>卡片展示页面</h1>
      <Row gutter={[16, 16]}>
        <Col span={8}>
          <Card hoverable>
            <Meta
              avatar={<Avatar icon={<UserOutlined />} />}
              title="张三"
              description="前端工程师"
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card hoverable>
            <Meta
              avatar={<Avatar icon={<UserOutlined />} />}
              title="李四"
              description="后端工程师"
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card hoverable>
            <Meta
              avatar={<Avatar icon={<UserOutlined />} />}
              title="王五"
              description="产品经理"
            />
          </Card>
        </Col>
      </Row>
    </div>
  );
};

export default Page22;
